<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title lang>商城首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/icons-extra.css" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" href="../font/iconfont.css" />
		<link rel="stylesheet" href="mallless/reset.css" />
		<link rel="stylesheet" href="vue/swiper/swiper.min.css" />
		<link rel="stylesheet" href="mallless/css.css" />
		<style>
			.mui-bar-tab .mui-tab-item.mui-active {
				color: red;
			}
			
			.mui-bar .mui-icon {
				margin-bottom: 5px;
			}
			
			.mui-bar-tab .mui-tab-item {
				padding-bottom: 3px;
				color: #000;
			}
			
			.procon {
				display: flex;
				flex-direction: column;
			}
			
			.procon .title {
				display: flex;
				flex-direction: column;
			}
		</style>
	</head>

	<body>
		<div id="app" v-cloak1>
			<scroller delegate-id="myScroller" :on-infinite="infinite" v-ref:my_scroller>

				<div class="rt-banner">
					<div class="rt_search">
						<div class="searchbox">
							<i><img src="images/select.png"/></i>
							<input type="search" v-model="selectTitle" placeholder="请输入关键字" lang/>
							<span @click="openselect()" lang>搜索</span>
						</div>
					</div>
					<div class="swiper-container">
						<div class="swiper-wrapper" v-if="ggdata.length==0">
							<div class="swiper-slide"><img src="../img/shop1.png" /></div>
							<div class="swiper-slide"><img src="../img/shop2.png" /></div>
						</div>

						<div class="swiper-wrapper" v-else>
							<div class="swiper-slide" v-for="(item,index) in ggdata" :key="index" @click="openwin(item.goods_id)"><img :src="item.original_img" /></div>
						</div>

						<!-- Add Pagination -->
						<div class="swiper-pagination"></div>
					</div>

				</div>
				<div class="rt-tab">
					<ul>
						<li @click="openurl('classify.html','classify')">
							<img src="images/classify@3x.png" />
							<span lang>全部分类</span>
						</li>
						<li @click="openurl('shopcar.html','shopcar')">
							<img src="images/car_gz@3x.png" />
							<span lang>购物车</span>
						</li>
						<li @click="openurl('ordlist.html','ordlist')">
							<img src="images/ord@3x.png" />
							<span lang>订单中心</span>
						</li>
					</ul>
				</div>
				<div class="index-news" style="display:none;">
					<div class="newstitle">
						<span lang>商城</span>
						<samp lang>公告</samp>
					</div>
					<div class="newscon">
						<ul>
							<li v-for="(item,index) in newsdata" :key="index"><span><em lang>公告</em> {{item.title}}</span></li>
						</ul>
					</div>
				</div>
				<div class="titleh3">
					<div class="titleh3-l">
						<span lang>推荐专区</span>
					</div>
					<div class="titleh3-r">
						<span @click="opentype(3)" lang>查看更多</span>
					</div>
				</div>
				<div class="indextjshop">
					<ul>
						<li v-for="(item,index) in tjdata" :key="index" @click="openwin(item.goods_id)">
							<div class="shopimg">
								<img :src="item.original_img" />
							</div>
							<div class="shopcom">
								<div class="title">{{item.goods_name}}</div>
								<div class="info">{{item.goods_name}}</div>
								<div class="price">
									<div class="price-l"><em>￥</em><span>{{item.shop_price}}</span></div>
									<div class="price-r" style="display: none;"><img src="images/addcar@3x.png"></div>
								</div>

							</div>
						</li>

					</ul>
				</div>
				<div class="titleh3">
					<div class="titleh3-l">
						<span lang>促销专区</span>
					</div>
					<div class="titleh3-r">
						<span @click="opentype(4)" lang>查看更多</span>
					</div>
				</div>
				<div class="porlist">
					<ul>
						<li v-for="(item,index) in cxdata" :key="index" @click="openwin(item.goods_id)">
							<div class="probody">
								<img :src="item.original_img" />
								<div class="procon">
									<div class="title">
										<div class="tspan"><span>{{item.goods_name}}</span></div>
										<em style="display:block">¥{{item.shop_price}}</em>
									</div>
									<div class="info">
										{{item.goods_name}}
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="titleh3">
					<div class="titleh3-l">
						<span lang>全部商品</span>
					</div>
					<div class="titleh3-r">

					</div>
				</div>
				<div class="porlist">
					<ul>
						<li v-for="(item,index) in goodslist" :key="index" @click="openwin(item.goods_id)">
							<div class="probody">
								<img :src="item.original_img" />
								<div class="procon">
									<div class="title">
										<div class="tspan"><span>{{item.goods_name}}</span></div>
										<em>¥{{item.shop_price}}</em>
									</div>
									<div class="info">
										{{item.goods_name}}
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div style="height: 44px;">
				</div>
			</scroller>

		</div>
		<!--底部导航-->
		<nav class="mui-bar mui-bar-tab " id="nav" style="background-color: #fff;">
			<a class="mui-tab-item" id="../index.html">
				<span class="mui-icon iconfont iconshouye"></span>
				<span class="mui-tab-label" lang>首页</span>
			</a>
			<a class="mui-tab-item" id="../pages/buy-in/buy_in.html">
				<span class="mui-icon iconfont iconjiaoyi"></span>
				<span class="mui-tab-label" lang>交易</span>
			</a>
			<a class="mui-tab-item" id="../weep.html">
				<span class="mui-icon iconfont iconzhifu"></span>
				<span class="mui-tab-label" lang>支付</span>
			</a>
			<a class="mui-tab-item mui-active" id="index_m.html">
				<span class="mui-icon iconfont iconshangcheng"></span>
				<span class="mui-tab-label" lang>商城</span>
			</a>

			<a class="mui-tab-item " id="../setting.html">
				<img src="../img/dot_bk.png" style="width: 2%;position: absolute;margin-left: 24px;margin-top: 4px;" />
				<span class="mui-icon iconfont iconzhanghu"></span>
				<span class="mui-tab-label" lang>我的</span>
			</a>
		</nav>
		<script src="../js/mui.min.js"></script>
		<script src="../js/config.js"></script>
		<script src="../js/common.js"></script>
		<script src="./vue/vue.min.js"></script>
		<script src="../resource/index/guide.js"></script>
		<script src="./vue/swiper/swiper.min.js"></script>
		<script src="./vue/vue-scroller.min.js"></script>
		<script src="index_m.js"></script>
		<script src="lang/index_m.js"></script>
	</body>

</html>